<script lang="ts" setup>
import { ref } from 'vue'
import { useRoute } from 'vue-router'

import ProductManage from '../product-manage/List.vue'
import TimeProductManage from '../time-product-manage/List.vue'
import AutoMaticUpscaling from '../automatic-upscaling/List.vue'
import AutoMaticPolishing from '../automatic-polishing/List.vue'

const route = useRoute()

const activeKey = ref('1')
</script>

<template>
  <page-container :title="route.meta.title">
    <a-card style="overflow-x: scroll">
      <a-tabs v-model:activeKey="activeKey">
        <a-tab-pane key="1" tab="宝贝列表">
          <ProductManage></ProductManage>
        </a-tab-pane>
        <a-tab-pane key="2" tab="定时发布" force-render>
          <TimeProductManage></TimeProductManage>
        </a-tab-pane>
        <a-tab-pane key="3" tab="自动发布（影票代订业务）">
          <AutoMaticUpscaling></AutoMaticUpscaling>
        </a-tab-pane>
        <a-tab-pane key="4" tab="自动擦亮">
          <AutoMaticPolishing></AutoMaticPolishing>
        </a-tab-pane>
      </a-tabs>
    </a-card>
  </page-container>
</template>
